<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		#div1 {width: 200px; height: 200px;background-color: #45dfff;overflow: hidden;}
		#div2 {width: 100px; height: 100px;background-color: black;margin: 20px;}
	</style>
	<script src="jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
/*	$()下的常用方法
		size() : 获取长度	【一般在JQ中还是推荐使用length】
		length : 获取长度	【JS中的属性，当然没有括号】

		两者实质上没有什么差别  jq源码中是这么写的：
			size : 	function(){
						return this.length;	
					}
*/
	$(function () {
		alert( $('li').size() );  // 方法 	【所选元素的个数，不是ul】
		alert( $('li').length );  // 属性
	})
	</script>
</head>
<body>
	<input type="button" value="你好">
	<ul>
		<li>1<p>p</p></li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
	</ul>
</body>
</html>